<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>成绩表</title>
    <style>
        body{
            background-image: url("../img/2.webp");
            background-size: cover;
        }
        table {
            width: 100%;
            border-collapse: collapse;
        }
        th, td {
            border: 1px solid #dddddd;
            padding: 8px;
            text-align: left;
        }
        th {
            background-color: #f2f2f2;
        }
        tr:nth-child(even) {
            background-color: #f2f2f2;
        }
    </style>
</head>
<body>

<table>
    <tr>
        <th>姓名</th>
        <th>科目</th>
        <th>成绩</th>
    </tr>
    <tr>
        <td>张三</td>
        <td>数学</td>
        <td>90</td>
    </tr>
    <tr>
        <td>李四</td>
        <td>语文</td>
        <td>85</td>
    </tr>
    <tr>
        <td>王五</td>
        <td>英语</td>
        <td>88</td>
    </tr>
    <tr>
        <td>小帅</td>
        <td>历史</td>
        <td>92</td>
    </tr>
</table>
<div class="ni">
    <table class="dan">
        <tr>
            <td rowspan="2"><strong>姓名</strong></td>
            <td colspan="2"><strong>通知课</strong></td>
            <td colspan="5"><strong>专业课</strong></td>
            <td rowspan="2" colspan="2">总分</td>
        </tr>
        <tr>
            <td><strong>英语</strong></td>
            <td><strong>高数</strong></td>
            <td><strong>UI设计</strong></td>
            <td colspan="2">网页设计</td>
            <td colspan="2">程序设计</td>
        </tr>
        <tr>
            <td><strong>默默</strong></td>
            <td>60</td>
            <td>60</td>
            <td>60</td>
            <td colspan="2">60</td>
            <td colspan="2">60</td>
            <td colspan="2">300</td>
        </tr>
        <tr>
            <td><strong>默默</strong></td>
            <td>60</td>
            <td>60</td>
            <td>60</td>
            <td colspan="2">60</td>
            <td colspan="2">60</td>
            <td colspan="2">300</td>
        </tr>
        <tr>
            <td><strong>默默</strong></td>
            <td>60</td>
            <td>60</td>
            <td>60</td>
            <td colspan="2">60</td>
            <td colspan="2">60</td>
            <td colspan="2">300</td>
        </tr>
        <tr>
            <td><strong>默默</strong></td>
            <td>60</td>
            <td>60</td>
            <td>60</td>
            <td colspan="2">60</td>
            <td colspan="2">60</td>
            <td colspan="2">300</td>
        </tr>
        <tr>
            <td><strong>默默</strong></td>
            <td>60</td>
            <td>60</td>
            <td>60</td>
            <td colspan="2">60</td>
            <td colspan="2">60</td>
            <td colspan="2">300</td>
        </tr>
    </table>
</div>
<div>
    <table class="dan">
        <tr>
            <td>姓名</td>
            <td>c语言</td>
            <td>网页设计</td>
            <td>数据库</td>
            <td>总分</td>
        </tr>
        <tr>
            <td>管昊明</td>
            <td>85</td>
            <td>89</td>
            <td>84</td>
            <td>258</td>
        </tr>
    </table>
</div>
<table class="dan">
    <tr>
        <td colspan="2" rowspan="2"></td>
        <td colspan="2"></td>
        <td colspan="4" rowspan="3"></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2"></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
    </tr>
    <tr>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
    </tr>
    <tr>
        <td colspan="2"></td>
        <td></td>
        <td></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
    </tr>
    <tr>
        <td colspan="4"></td>
        <td colspan="2"></td>
        <td colspan="2"></td>
    </tr>
    <tr>
        <td colspan="8"></td>
    </tr>
</table>
</body>
</html>
